{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "firefox/features/base-article.html" %}

{% block article_title %}{{ ftl('password-manager-free-password-manager') }}{% endblock %}
{% block page_desc %}{{ ftl('password-manager-firefox-password-manager-saves-all') }}{% endblock %}

{% block article_content %}
<p>{{ ftl('password-manager-firefox-securely-stores-your') }}</p>

{% set fxa = 'href="%s"'|safe|format(url('mozorg.account')) %}
<p>{{ ftl('password-manager-with-a-free-mozilla-account-v2', fxa=fxa) }}</p>

<h2>{{ ftl('password-manager-password-autofill-for-easy-logins') }}</h2>
<p>{{ ftl('password-manager-firefox-can-automatically-fill-in') }}</p>

<figure class="c-article-figure">
  {{ resp_img(
    url="img/firefox/features/password-autofill.png",
    srcset={
        "img/firefox/features/password-autofill-high-res.png": "1.5x"
    },
    optional_attributes={
      "alt": ftl('password-manager-image-of-a-websites-login-form'),
      "width": "600"
    }
  ) }}
</figure>

<h2>{{ ftl('password-manager-import-passwords') }}</h2>
<p>{{ ftl('password-manager-you-can-use-the-import-wizard') }}</p>

<figure class="c-article-figure">
  {{ resp_img(
    url="img/firefox/features/import-wizard.png",
    srcset={
        "img/firefox/features/import-wizard-high-res.png": "1.5x"
    },
    optional_attributes={
      "alt": ftl('password-manager-image-of-the-firefox-import-wizard'),
      "width": "600"
    }
  ) }}
</figure>

<h2>{{ ftl('password-manager-no-more-reusing-your-passwords') }}</h2>
<p>{{ ftl('password-manager-have-firefox-create-a-strong-unique', attrs='href="https://support.mozilla.org/kb/how-generate-secure-password-firefox?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=firefox-features" rel="external noopener"') }}</p>

<figure class="c-article-figure">
  {{ resp_img(
    url="img/firefox/features/password-suggest.png",
    srcset={
        "img/firefox/features/password-suggest-high-res.png": "1.5x"
    },
    optional_attributes={
      "alt": ftl('password-manager-image-of-a-websites-sign-up-form'),
      "width": "600"
    }
  ) }}
</figure>

<h2>{{ ftl('password-manager-password-security-alerts') }}</h2>
<p>{{ ftl('password-manager-firefox-alerts-you-if-a-password-has', attrs='href="https://support.mozilla.org/kb/firefox-password-manager-alerts-breached-websites?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=firefox-features" rel="external noopener"') }}</p>

<figure class="c-article-figure">
  {{ resp_img(
    url="img/firefox/features/password-breach-alert.png",
    srcset={
        "img/firefox/features/password-breach-alert-high-res.png": "1.5x"
    },
    optional_attributes={
      "alt": ftl('password-manager-image-of-the-firefox-password-manager'),
      "width": "600"
    }
  ) }}
</figure>

{% endblock article_content %}
